<template>
  <div class="card-wrapper shadow">
    <img src="@/assets/icon/role.png" alt="" class="card-img">
    <div class="card-content">
      <div class="card-title font-bold font-base">就业无忧</div>
      <div class="card-desc font-sm font-thin">毕业生就业数据分析</div></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CurrentRoute'
}
</script>

<style scoped lang="scss">
@import "@/styles/index.scss";
.card-wrapper {
  width: 100%;
  background-color: #242e42;
  padding: 15px 20px;
  border-radius: 3px;
  box-shadow: 0 8px 16px 0 rgb(36 46 66 / 20%)!important;
  @include left;
  .card-img {
    width: 40px;
    height: 40px;
    background-color: #3A71A8;
    margin-right: 10px;
  }
  .card-content {
    color: #FFFFFF;
    .card-title {

    }
    .card-desc {
      margin-top: 7px;
    }
  }
}

</style>
